<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="stylesheet" href="./css/ui-lightness/jquery-ui-1.10.4.custom.min.css">
<link rel="stylesheet" href="./css/timeTo.css">
</head>

<body>
	<script id="userTemplate" type="text/template">
		<strong><%= greeting %>, <%= name %></strong><br />
		<div><%= weapons %>:<%= weapons_list %></div>
	</script>

	<script id="weaponsTemplate" type="text/template">
		<div><%= name %>:<%= count %></div>
	</script>
	
	<script type="text/javascript" src="./js/raphael-min.js" charset="utf-8"></script>        
	<script type="text/javascript" src="./js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="./js/jquery-ui-1.10.4.custom.min.js"></script>
	<script type="text/javascript" src="./js/jquery.timeTo.min.js"></script>	
	<script type="text/javascript" src="./js/underscore.js"></script>
	<script type="text/javascript" src="./js/backbone.js"></script>	
	<script type="text/javascript" src="./js/ru/common.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>	

	<div id="main">
		<map name="maidan-map" >
			<area shape="rect" coords="0,0,82,126" id="maidan-map" href="sun.htm" style="border: 4px solid black;outline: 1px solid red;" alt="Sun">
		</map>
	</div>

	<div id="right">		

		<div id="info">
			<div id="greeting">
			</div>

			<div id="user-details">			
			</div>

		</div>

		<script type="text/javascript">
		document.write(App.Helpers.getMessage('timeToNextEvent'));
		</script>
		<div id="timer">
		</div>
	</div>

	<div id="object-modal" title="Object information">	
		<p>Object information here</p>
	</div>


</body>

</html>